<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>搭搭乐乐-管理系统</title>
	<script type="text/javascript" src="../../static/js/jquery-3.4.1.min.js"></script>
	<script type="text/javascript" src="../../static/js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../../static/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="../../static/css/admin.css">
</head>
<body>
        <nav class="navbar navbar-default navbar-static-top" role="navigation">
            <div class="container-fluid" >
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
                        <span class="sr-only">切换导航</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="/">
                        <img src="../../static/img/logo.jpeg" height="100%" />
                    </a>
                </div>
                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="nav navbar-nav list_top">
                        <li class="active"><a class="icon-bar" href="#" >教学管理</a>
                        </li>
                        <li ><a href="#">财务管理</a>
                        </li>
<!--                         <li><a href="#">城市管理</a>
                        </li>
                        <li><a href="#">商品管理</a>
                        </li>
                        <li><a href="#">订单管理</a>
                        </li> -->
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li><a>欢迎您 <em>admin</em></a>
                        </li>
                        <li><a href="#">退出</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        

        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 list_left">
                    <a href="../stu_info_list" class="list-group-item active" target="mframe"><span class="glyphicon glyphicon-home "></span>&nbsp;&nbsp;学生信息管理
                    </a>
                    <a href="../course_info_list" class="list-group-item " target="mframe">
                    <!-- 小图标样式设置 -->
                        <span class="glyphicon glyphicon-search" aria-hidden="true">
                    </span>&nbsp;&nbsp;课程详细信息</a>
                    <a href="../course_info_list" class="list-group-item " target="mframe">
                    <!-- 小图标样式设置 -->
                        <span class="glyphicon glyphicon-search" aria-hidden="true">
                    </span>&nbsp;&nbsp;课程流水</a>
                    <a href="../class_list" class="list-group-item" target="mframe">
                        <span class="glyphicon glyphicon-align-left" aria-hidden="true">
                    </span>&nbsp;&nbsp;班级信息管理</a>
                    <a href="#" class="list-group-item">
                        <span class="glyphicon glyphicon-camera" aria-hidden="true">
                    </span>&nbsp;&nbsp;教师信息管理</a>

                </div>
                <div class="col-lg-10 col-md-9 col-sm-9 col-xs-9">
                	
               	<div class="embed-responsive embed-responsive-16by9">
				<iframe id ="mframe" class="embed-responsive-item" src="../stu_info_list" name="mframe" height="100%" width="100%" frameBorder="0" frameborder="0"></iframe>
				</div>  

                </div>

            </div>
          </div>

                <!--左边菜单栏-->



          <!-- 底部页脚部分 -->
 <div class="footer">
     <p class="text-center">
         2020- &copy; 周宏亮.
     </p>
 </div>




</body>
<script type="text/javascript">
$(function ()
{
　　$(".list_top li").click(function ()
　　{
　　　　//获取点击的元素给其添加样式，讲其兄弟元素的样式移除
　　　　$(this).addClass("active").siblings().removeClass("active");
　　　　//获取选中元素的下标
　　　　var index = $(this).index();
　　　　$(this).parent().siblings().children().eq(index).addClass("active")
　　　　.siblings().removeClass("active");
　　});
　　$(".list_left a").click(function ()
　　{
　　　　//获取点击的元素给其添加样式，讲其兄弟元素的样式移除
　　　　$(this).addClass("active").siblings().removeClass("active");
　　　　//获取选中元素的下标
　　　　var index = $(this).index();
　　　　$(this).parent().siblings().children().eq(index).addClass("active")
　　　　.siblings().removeClass("active");
　　});
});

</script>
</html>